<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" href="reset.css">
        <script src="libs/angular.js" charset="utf-8"></script>
        <script src="libs/angular-ui-router.js" charset="utf-8"></script>
        <style media="screen">
            .tabbar {
                position: fixed;
                left: 0;
                bottom: 0;
                right: 0;
                height: 40px;
                background-color: rgba(41, 48, 51, 0.62);
                display: flex;
                justify-content: space-around;
                align-items: center;
            }
            .tabbar a {
                color: white;
            }
        </style>
    </head>
    <body ng-app="AiXianFeng" ng-cloak>

        <nav class="tabbar">
            <a ui-sref="home">首页</a>
            <a ui-sref="market">闪送超市</a>
            <a ui-sref="cart">购物车</a>
            <a ui-sref="mine">我的</a>
        </nav>

        <div ui-view></div>

    </body>
    <script type="text/javascript">
        var app = angular.module('AiXianFeng', ['ui.router']);
    </script>
    <script src="home/js/home.js" charset="utf-8"></script>
    <script src="market/js/market.js" charset="utf-8"></script>
    <script src="cart/js/cart.js" charset="utf-8"></script>
    <script src="mine/js/mine.js" charset="utf-8"></script>
    <script src="common/js/goodDetail.js" charset="utf-8"></script>
    <script src="router.js" charset="utf-8"></script>
    <script src="services.js" charset="utf-8"></script>
    <script src="factories.js" charset="utf-8"></script>
</html>
